<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./plantilla.xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html">

    <ui:define name="top">
        top
    </ui:define>

    <ui:define name="left">
        left
    </ui:define>

    <ui:define name="content">
        <f:view>
            <h:form>
                <h1><h:outputText value="Create/Edit"/></h1>
                <h:panelGrid columns="2">
                    <h:outputLabel value="CodigoArea:" for="codigoArea" />
                    <h:inputText id="codigoArea" value="#{controlador.areaActual.codigoArea}" title="CodigoArea" required="true" requiredMessage="The CodigoArea field is required."/>
                    <h:outputLabel value="DescripcionArea:" for="descripcionArea" />
                    <h:inputText id="descripcionArea" value="#{controlador.areaActual.descripcionArea}" title="DescripcionArea" />
                    <h:commandButton value="Guardar" action="#{controlador.doGuardarArea()}"/>
                </h:panelGrid>
            </h:form>
        </f:view>

    </ui:define>

    <ui:define name="bottom">
        bottom
    </ui:define>

</ui:composition>
